<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-07-19 10:03:59
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2021-09-23 14:58:40
-->
<template>
  <div class="footer">
    <div class="wrapper">
      <div class="footer_top">
        <div class="donghuan">
          <div class="dd">东环校区</div>
          <p>地址：广西柳州市城中区东环大道268号</p>
          <p>邮编：545006</p>
        </div>
        <div class="liushi">
          <div class="dd">柳石校区</div>
          <p>地址：广西柳州市鱼峰区柳石路257号</p>
          <p>邮编：545005</p>
        </div>
        <div class="liudong">
          <div class="dd">柳东校区</div>
          <p>地址：广西柳州市鱼峰区官塘大道19号</p>
          <p>邮编：545616</p>
        </div>
        <div class="qita">
          <div><span>电话：0772-2685979（校办） 0772-2687698（传真）</span></div>
          <p>本专科招生：0772—2686186 研究生招生：0772—2685375</p>
          <p>继续教育招生：0772—2686688</p>
        </div>
      </div>
      <div class="footer-bottom">
        备案号：
        <img src="../../../public/footer01.png"
             alt="">
        桂ICP备17000546号-1
        <img src="../../../public/footer02.png"
             alt="">
        前置审核编号： 桂JS200601-10
        <span>信息管理： 广西科技大学党委宣传部</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {

    };
  },
  created () {

  },
  mounted () {

  },
  methods: {

  }
};
</script>

<style lang="scss" scoped>
.footer {
  border-top: 1px solid rgb(50, 74, 154);
  color: black;
  height: 200px;
  // background-color: #426ab3;
  .wrapper {
    .footer_top {
      display: flex;
      justify-content: space-between;
      .donghuan,
      .liushi,
      .liudong,
      .qita {
        margin-top: 2.5%;
      }
    }
    .footer-bottom {
      display: flex;
      justify-content: center;
      margin-top: 2%;
    }
  }
}
</style>
